<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>系统首页</title>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link th:href="@{/favicon.ico}" href="favicon.ico" rel="stylesheet"/>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.contextMenu.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/animate.css}" rel="stylesheet"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
    <link th:href="@{/css/skins.css}" rel="stylesheet"/>
    <link th:href="@{/netintech/css/nt-admin.css}" rel="stylesheet"/>

    <style>
        .nag_top {
            width: 100%;
            height: 50px;
            z-index: 2001;
            position: fixed;
            top: 0;
            left: 0;
        }
        .nag_down {
            width: 100%;
            height: calc(100% - 50px);
        }
        .name_title{
            color: #fff;
            margin-left: 20px;
            font-size: 24px;
            height: 50px;
            line-height: 50px;
            letter-spacing: 4px;
        }

        .index-top-png{
            background: url(img/top.png) no-repeat;
        }
    </style>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
<div id="wrapper">
    <div class="navbar-header" style="position: fixed;top: 50px; left: 0;z-index: 3000;background-color: #f9fafc;width: 30px;height: 30px;">
        <a class="navbar-minimalize minimalize-styl-2" style="color:#333;margin-top: 0px;" href="javascript:;" title="收起菜单">
            <i class="fa fa-bars"></i>
        </a>
    </div>
    <div class="nag_top">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top index-top-png" role="navigation" style="margin-bottom: 0; background-size:100% 50px;padding: 0 20px">
                <!--                <div class="navbar-header">-->
                <!--                    <a class="navbar-minimalize minimalize-styl-2" style="color:#fff;" href="#" title="收起菜单">-->
                <!--                        <i class="fa fa-bars"></i>-->
                <!--                    </a>-->
                <!--                </div>-->
                <span class="name_title">网进JAVA公用框架</span>
                <ul class="nav navbar-top-links navbar-right welcome-message">
                    <li class="dropdown user-menu">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">
                            <!--                            <img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}"-->
                            <!--                                 class="user-image">-->
                            <span class="hidden-xs">[[${user.userName}]]</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="mt5">
                                <a th:href="@{/system/user/profile}" class="menuItem">
                                    <i class="fa fa-user"></i> 个人中心</a>
                            </li>
                            <li>
                                <a onclick="resetPwd()">
                                    <i class="fa fa-key"></i> 修改密码</a>
                            </li>
                            <!--<li>-->
                                <!--<a onclick="switchSkin()">-->
                                    <!--<i class="fa fa-dashboard"></i> 切换主题</a>-->
                            <!--</li>-->
                            <li class="divider"></li>
                            <li>
                                <a th:href="@{logout}">
                                    <i class="fa fa-sign-out"></i> 退出登录</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="nag_down">
        <!--左侧导航开始-->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="nav-close">
                <i class="fa fa-times-circle"></i>
            </div>
            <div class="sidebar-collapse">
                <ul class="nav" id="side-menu" style="margin-top: 30px;">
                    <!--                                    <a th:href="@{/index}">-->
                    <!--                                      <li class="logo">-->
                    <!--                    				    <span class="logo-lg" >后台管理系统</span>-->
                    <!--                                	  </li>-->
                    <!--                                	</a>-->


                    <!--            	<li>-->
                    <!--            		<div class="user-panel">-->
                    <!--            			<a class="menuItem" title="个人中心" th:href="@{/system/user/profile}"> -->
                    <!--            				<div class="hide" th:text="个人中心"></div>-->
                    <!--					        <div class="pull-left image">-->
                    <!--		                    	<img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}" class="img-circle" alt="User Image">-->
                    <!--					        </div>-->
                    <!--				        </a>-->
                    <!--				        <div class="pull-left info">-->
                    <!--				          <p>[[${user.loginName}]]</p>-->
                    <!--				          <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>-->
                    <!--				          <a th:href="@{logout}" style="padding-left:5px;"><i class="fa fa-sign-out text-danger"></i> 注销</a>-->
                    <!--				        </div>-->
                    <!--				    </div>-->
                    <!--            	</li>-->
                    <!--                    <li>-->
                    <!--                        <a href="#"><i class="fa fa-home"></i> <span class="nav-label">主页</span> <span-->
                    <!--                                class="fa arrow"></span></a>-->
                    <!--                        <ul class="nav nav-second-level">-->
                    <!--                            <li><a class="menuItem" th:href="@{/system/main}">了解Nt</a></li>-->
                    <!--                        </ul>-->
                    <!--                    </li>-->

                    <li th:each="menu : ${menus}">
                        <a th:class="@{${menu.url != '' && menu.url != '#'} ? ${menu.target}}"
                           th:href="@{${menu.url == ''} ? |#| : ${menu.url}}">
                            <i class="fa fa-bar-chart-o" th:class="${menu.icon}"></i>
                            <span class="nav-label" th:text="${menu.menuName}">一级菜单</span>
                            <span th:class="${menu.url == '' || menu.url == '#'} ? |fa arrow|"></span>
                        </a>
                        <ul class="nav nav-second-level collapse">
                            <li th:each="cmenu : ${menu.children}">
                                <a th:if="${#lists.isEmpty(cmenu.children)}"
                                   th:class="${cmenu.target == ''} ? |menuItem| : ${cmenu.target}"
                                   th:utext="${cmenu.menuName}" th:href="@{${cmenu.url}}">二级菜单</a>
                                <a th:if="${not #lists.isEmpty(cmenu.children)}" href="#">[[${cmenu.menuName}]]<span
                                        class="fa arrow"></span></a>
                                <ul th:if="${not #lists.isEmpty(cmenu.children)}" class="nav nav-third-level">
                                    <li th:each="emenu : ${cmenu.children}">
                                        <a th:if="${#lists.isEmpty(emenu.children)}"
                                           th:class="${emenu.target == ''} ? |menuItem| : ${emenu.target}"
                                           th:text="${emenu.menuName}" th:href="@{${emenu.url}}">三级菜单</a>
                                        <a th:if="${not #lists.isEmpty(emenu.children)}"
                                           href="#">[[${emenu.menuName}]]<span class="fa arrow"></span></a>
                                        <ul th:if="${not #lists.isEmpty(emenu.children)}" class="nav nav-four-level">
                                            <li th:each="fmenu : ${emenu.children}"><a
                                                    th:if="${#lists.isEmpty(fmenu.children)}"
                                                    th:class="${fmenu.target == ''} ? |menuItem| : ${fmenu.target}"
                                                    th:text="${fmenu.menuName}" th:href="@{${fmenu.url}}">四级菜单</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
        <!--左侧导航结束-->

        <!--右侧部分开始-->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <!--                    <div class="row border-bottom">-->
            <!--                        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">-->
            <!--                            <div class="navbar-header">-->
            <!--                                <a class="navbar-minimalize minimalize-styl-2" style="color:#FFF;" href="#" title="收起菜单">-->
            <!--                                	<i class="fa fa-bars"></i>-->
            <!--                                </a>-->
            <!--                            </div>-->
            <!--                            <ul class="nav navbar-top-links navbar-right welcome-message">-->
            <!--                                <li class="dropdown user-menu">-->
            <!--            						<a href="javascript:void(0)" class="dropdown-toggle" data-hover="dropdown">-->
            <!--            							<img th:src="(${user.avatar} == '') ? @{/img/profile.jpg} : @{${user.avatar}}" class="user-image">-->
            <!--            							<span class="hidden-xs">[[${user.userName}]]</span>-->
            <!--            						</a>-->
            <!--            						<ul class="dropdown-menu">-->
            <!--            							<li class="mt5">-->
            <!--            								<a th:href="@{/system/user/profile}" class="menuItem">-->
            <!--            								<i class="fa fa-user"></i> 个人中心</a>-->
            <!--            							</li>-->
            <!--            							<li>-->
            <!--            								<a onclick="resetPwd()">-->
            <!--            								<i class="fa fa-key"></i> 修改密码</a>-->
            <!--            							</li>-->
            <!--            							<li>-->
            <!--            								<a onclick="switchSkin()">-->
            <!--            								<i class="fa fa-dashboard"></i> 切换主题</a>-->
            <!--            							</li>-->
            <!--            							<li class="divider"></li>-->
            <!--            							<li>-->
            <!--            								<a th:href="@{logout}">-->
            <!--            								<i class="fa fa-sign-out"></i> 退出登录</a>-->
            <!--            							</li>-->
            <!--            						</ul>-->
            <!--            					</li>-->
            <!--                            </ul>-->
            <!--                        </nav>-->
            <!--                    </div>-->
            <div class="row content-tabs">
                <button class="roll-nav roll-left tabLeft">
                    <i class="fa fa-backward"></i>
                </button>
                <nav class="page-tabs menuTabs">
                    <div class="page-tabs-content">
                        <a href="javascript:;" class="active menuTab" data-id="/system/main">首页</a>
                    </div>
                </nav>
                <button class="roll-nav roll-right tabRight">
                    <i class="fa fa-forward"></i>
                </button>
                <a href="javascript:void(0);" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
            </div>

            <a id="ax_close_max" class="ax_close_max" href="#" title="关闭全屏"> <i class="fa fa-times-circle-o"></i> </a>

            <div class="row mainContent" id="content-main">
                <iframe class="Nt_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"
                        th:src="@{/system/main}" frameborder="0" seamless></iframe>
            </div>
            <div class="footer">
                <div class="pull-right">© [[${copyrightYear}]] Netintech Copyright</div>
            </div>
        </div>
        <!--右侧部分结束-->
    </div>
</div>
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/js/jquery.contextMenu.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script th:src="@{/netintech/js/nt-admin.js}"></script>
<script th:src="@{/netintech/js/common.js}"></script>
<script th:src="@{/netintech/index.js}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
<script th:inline="javascript">
    var ctx = [[@{/}]];
    // 皮肤缓存
    var skin = storage.get("skin");
    // history（表示去掉地址的#）否则地址以"#"形式展示
    var mode = "history";
    // 历史访问路径缓存
    var historyPath = storage.get("historyPath");
    console.log("历史记录",historyPath)
    console.log("storage",storage.get("user"))
    // 排除非左侧菜单链接
    var excludesUrl = ["/system/user/profile"];

    // 本地主题优先，未设置取系统配置
    if ($.common.isNotEmpty(skin)) {
        $("body").addClass(skin.split('|')[0]);
        $("body").addClass(skin.split('|')[1]);
    } else {
        var sideTheme = [[${@config.getKey('sys.index.sideTheme')}]];
        var skinName = [[${@config.getKey('sys.index.skinName')}]];
        $("body").addClass(sideTheme);
        $("body").addClass(skinName);
    }

    /* 用户管理-重置密码 */
    function resetPwd() {
        var url = ctx + 'system/user/profile/resetPwd';
        $.modal.open("重置密码", url, '770', '380');
    }

    /* 切换主题 */
    function switchSkin() {
        layer.open({
            type: 2,
            shadeClose: true,
            title: "切换主题",
            area: ["530px", "386px"],
            content: [ctx + "system/switchSkin", 'no']
        })
    }

    /** 刷新时访问路径页签 */
    function applyPath(url) {
        $('a[href$="' + decodeURI(url) + '"]').click();
        if ($.inArray(url, excludesUrl)) {
            $('a[href$="' + url + '"]').parent("li").addClass("selected").parents("li").addClass("active").end().parents("ul").addClass("in");
        }
    }

    $(function () {
        if ($.common.equals("history", mode) && window.performance.navigation.type == 1) {
            var url = storage.get('publicPath');
            if ($.common.isNotEmpty(url)) {
                applyPath(url);
            }
        } else {
            var hash = location.hash;
            if ($.common.isNotEmpty(hash)) {
                var url = hash.substring(1, hash.length);
                applyPath(url);
            }
        }
    });
</script>
</body>
</html>
